/**
 * Charts1：仪表盘
 */
import React  from 'react'
import style from './index.less'
import {Row,Col} from 'antd'

import Charts6 from '../Charts6'
import Notes from '../Notes'
import TradeDetails from '../TradeDetails'


export default ({charts,notes,recordRecord,riskRecord,positionEfficiencyRecord})=>{
  return(
    <div>
      <Row>
        {
          charts.map((item,i)=>(
            <Col key={i} xs={8} sm={8} md={6} lg={6} xl={6}>
              <Charts6
                {...item}
              />
            </Col>
          ))
        }
      </Row>
      <Row>
        <Col>
          <Notes data={notes} />
        </Col>
      </Row>
      {
        riskRecord?(
          <Row>
            <Col span={24}>
              <TradeDetails {...recordRecord}/>
            </Col>
          </Row>
        ):null
      }
      {
        riskRecord?(
          <Row>
            <Col span={24}>
              <TradeDetails {...riskRecord}/>
            </Col>
          </Row>
        ):null
      }
      {
        positionEfficiencyRecord?(
          <Row>
            <Col span={24}>
              <TradeDetails {...positionEfficiencyRecord}/>
            </Col>
          </Row>
        ):null
      }
    </div>
  )
}
